import type { ISearchConfig } from '@/components/PageSearch/index.vue'

const searchConfig: ISearchConfig = {
	pageName: 'sys:user',
	formItems: [
		{
			type: 'input',
			label: '关键字',
			prop: 'keywords',
			attrs: {
				placeholder: '用户名/昵称/手机号',
				clearable: true,
				style: {
					width: '200px'
				}
			}
		},
		{
			type: 'tree-select',
			label: '部门',
			prop: 'deptId',
			attrs: {
				placeholder: '请选择',
				data: [
					{
						value: 1,
						label: '有来技术',
						children: [
							{
								value: 2,
								label: '研发部门'
							},
							{
								value: 3,
								label: '测试部门'
							}
						]
					}
				],
				filterable: true,
				'check-strictly': true,
				'render-after-expand': false,
				clearable: true,
				style: {
					width: '150px'
				}
			}
		},
		{
			type: 'select',
			label: '状态',
			prop: 'status',
			attrs: {
				placeholder: '全部',
				clearable: true,
				style: {
					width: '100px'
				}
			},
			options: [],
			initFn() {
				setTimeout(() => {
					this.options = [
						{ label: '启用', value: 1 },
						{ label: '禁用', value: 0 }
					]
				}, 300)
			}
		},
		{
			type: 'date-picker',
			label: '创建时间',
			prop: 'createAt',
			attrs: {
				type: 'daterange',
				'range-separator': '~',
				'start-placeholder': '开始时间',
				'end-placeholder': '截止时间',
				'value-format': 'YYYY-MM-DD',
				style: {
					width: '240px'
				}
			}
		}
	]
}

export default searchConfig
